<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>视频及音频</title>
</head>
<body>
    <!-- 早期是调用embed属性，但它的本质是调用本机上已经安装的软件还存在兼容性 -->
    <!-- 早期还存在调用flash插件，增大学习成本且苹果设备不支持flash -->

    <!-- 目前有两种属性可供使用：audio音频 -->
    <!-- controls: 音频播放器的控制面板 -->
    <!-- autoplay: 自动播放 -->
    <!-- loop: 循环播放 -->
    <audio src="" controls autoplay loop></audio>

    <!-- 目前有两种属性可供使用：video视频  -->
    <!-- controls: 音频播放器的控制面板 -->
    <!-- autoplay: 自动播放 -->
    <!-- loop: 循环播放 -->
    <!-- width: 宽度 -->
    <!-- height: 高度 -->
    <!-- poster: 当视频还没有完全下载下来或者用户还没有点击播放前默认显示的封面，默认显示当前视频的第一副画面(如有需要可以给指定图片) -->
    <video src="" poster="./image/abc.jpg"></video>

    <!-- 如果浏览器不支持一些视频的格式，可以同时指定多个格式的视频让浏览器自己选择-->
    <video src="">
        <source src="xxx.flv" type="video/flv">
        <source src="xxx.mp4" type="video/mp4">
        <source src="xxx.xxx" type="video/xxx">
        您的浏览器不支持视频播放
    </video>
</body>
</html>
